<template>
  <div>
    <h3>App父组件声明</h3>

    <!-- 子组件标签 -->
    <!-- <Hello :msg="guigu" :mon="money" /> -->
    <Hello :mon="money" :person="obj1" />

    <!-- <Hello :msg="guigu" :isB="bool" />
    <Hello :mon="money" /> -->
  </div>
</template>

<script>
// 单引号变双引号，添加分号，末尾添加逗号
import Hello from './components/Hello.vue'

export default {
  name: 'App',
  data() {
    return {
      guigu: 'HELLO WORLD123.',
      money: 10000,
      bool: true,
      arr: [1, 2, 3],
      obj1: {
        name: '迪丽热巴'
      }
    }
  },
  components: {
    Hello
  }
}
</script>

<style lang="less" scoped></style>
